|
Réaliser et envoyer une newsletter
Écrit par Emmanuelle Menny Fleuridas Catégorie: Pub divers | Date: 2014
Newsletter : C'est est une lettre d'information envoyée régulièrement par mail à des abonnés. Elle est composée de textes, d'illustrations, de liens renvoyant vers votre site web. Elle permet de promouvoir une sélection de produits, ou tout autre événement relatif à l'actualité de votre entreprise. Permettant de maintenir le contact avec les clients ou prospects, elle est aussi un excellent moyen d'augmenter le trafic vers votre site web.
Testez votre lettre : avant tout envoi testez votre newsletter sur plusieurs messageries (Outlook, Gmail, Hotmail...etc) afin de contrôler l'aspect final (les messageries interprètent les newsletters de façons différentes.
Envoyer la newsletter : avec votre messagerie habituelle si vous n'avez pas beaucoup de destinataires ou bien avec un service de messagerie.
Services gratuits :
• http://www.sarbacane.com/index.asp
Services payants :
• http://www.constantcontact.com/index.jsp
Format préconiser pour la newsletter : format html - vous pouvez utiliser les templates mis à votre disposition sur le web ou bien créer votre propre page html. Pour cela utilisez un éditer html WYSIWYG ou bien un éditeur de texte pour taper votre code et enregistrer votre document au format html. N'utilisez pas WORD : ni pour créer la page html, ni pour utiliser le texte par copier coller, sinon, vous obtiendrez un résultat peu satisfaisant dans de nombreux logiciels de messagerie.
Le contenu de la lettre :
• Pas de titre de type "newsletter" mais un titre qui reflète de contenu éditorial de la lettre.
• Utilisez les titres et sous-titres pour structurer le contenu
• Soyez brefs et concis (utiliser des liens de type "lire la suite..." pour envoyer l'internaute vers un contenu en ligne plus fournis s'il souhaite poursuivre sa lecture...
• Tout le contenu doit être présenté sous forme de tableaux (pas de div)
• Évitez un contenu avec des vidéos, pièces jointes, Flash, iFrame...
• Ne limitez jamais votre newsletter à une image (SPAM) : le bon ratio est 1/3 de texte et 2/3 de photos..
Illustrations :
• Placez le lien complet (URL complète) vers l'image qui est elle-même placée sur votre site distant : Les liens de vos images doivent être des liens absolus - Jamais de lien relatif.
• Placez les images dans un dossier protégé de votre serveur distant.
• Limitez le nombre d'images : trop d'images entraîne souvent un traitement comme SPAM par les boites mail.
• Prévoir un texte alternatif aux images en cas de non affichage.
• Utiliser les balises « Alt » pour donner des indications aux lecteurs dans le cas où les images ne s’affichent pas.
• Renseignez systématiquement les dimensions de vos images.
• Ajoutez un « style=”display :block;” » dans le code de vos images, pour éviter les espaces indésirables sous les images dans l’affichage du mail.
• Nommez vos images => exemple : photo-chateau.gif plutôt que => photo3.jpg.
• exemple : < img src="http://www.cote-azur.pro/imgs/photo.gif" alt="Photo" style=”display :block;” width="300" height="400"/>
Codage :
• Code HTML.
• utilisez les balises table, tr et td
• Évitez les scripts : Pas de JavaScript.
• Insérez le code CSS inline et non pas dans une feuille CSS externe.
• Pas d' ancre : elles ne sont pas supportées par les webmails et logiciels de messagerie.
• Encodez tous les caractères spéciaux (€, é, à, …) !
L'encodage des fichiers et les caractères spéciaux
Contenu émanant de
http://formation.upyupy.fr/html-xhtml/caracteres-speciaux/
L'encodage des caractères
En informatique, les caractères alphabétiques sont associés à des codes binaires, c'est à dire composés d'une suite de 1 et de 0. Il existe plusieurs façon de codifier en binaire :
• ASCII : les caractères sont codés sur 7 bits, soit un code composé de sept chiffres qui sont tous égaux à 0 ou à 1. Il permet donc de représenter 27 soit 128 caractères différents. 128 caractères sont suffisant pour mémoriser notre alphabet, les chiffres, des élements de ponctuation (...), mais pas suffisant pour stocker nos caractères spéciaux (accents, cédilles...)
• ISO 8859-1 (appelé Latin-1) : les caractères sont codés sur 8 bits. Il permet donc de représenter 28 soit 256 caractères différents. 256 caractères sont suffisant pour mémoriser notre alphabet latin avec les caractères spéciaux (accents, cédilles...)
• L'ISO 8859-15 (appelé Latin-9) : une variante réactualisée du Latin-1. Toujours codée sur 8 bits, il ajoute notamment le caractère euro (€) et les caractères œ et Œ à la place de certains caractères peu utilisés.
• Le Windows-1252 (appelé AINSI) : encodage propre aux ordinateurs Windows. S'il est lui aussi codé sur 8 bits, certains caractères diffèrent des codages ISO vu ci-dessus.
• Le MacRoman : encodage propre aux ordinateurs Apple Macintosh. S'il est lui aussi codé sur 8 bits, certains caractères diffèrent des codages ISO et Windows-1252 vu ci-dessus.
• L'UTF-8 est un encodage dit "Unicode". L'Unicode vise à donner à tout caractère quelque soit son alphabet (latin, cyrillique, asiatique...) un code unique et compatible sur toutes les plateformes (Windows, Mac, Unix). L'UTF-8 est codé sur 8 à 32 bits ce qui permet d'encoder un nombre de caractères quasi illimité.
A l'origine, les fichiers HTML sont faits pour être encodé en ASCII, c'est à dire sans caractères spéciaux. Pour pallier à ce problème, le langage HTML permet de traduire chaque caractère spécial par un code alpha numérique comme décrit dans la table ci-après.
Ajourd'hui encore, utiliser cette table de conversion permet de se prémunir contre les incompatibilités. Imaginons par exemple que je crée une page Web sur Mac et l'enregistre en MacRoman : si un visiteur vient voir ma page depuis un PC, il risque de voir mes accents remplacé par un code incompréhensible (ex : «J'aime l'√©at√©a» au lieu de «J'aime l'été»).
Les caractères spéciaux en HTML
En HTML, tous les caractères spéciaux peuvent être remplacés par un code commençant par & (esperluète ou « et commercial ») et terminant par ; (point virgule). En voici une liste non exhaustive :
Code
Résultat dans le navigateur
[Espace insécable]
"
"
<
<
>
>
«
«
»
»
&
&
€
€
¥
¥
©
©
®
®
Les caractères accentués ou encore les lettres avec cédilles sont également des caractères spéciaux. Chacun a donc sa représentation en HTML. En voici quelques exemples :
Code
Résultat dans le navigateur
à
à
â
â
é
é
è
è
ê
ê
î
î
ï
ï
œ
œ
ù
ù
û
û
ç
ç
Ces caractères peuvent également être utilisés en majuscule :
Code
Résultat dans le navigateur
À
À
Â
Â
É
É
È
È
Ê
Ê
Î
Î
Ï
Ï
Œ
Œ
Ù
Ù
Û
Û
Ç
Ç
L'avantage de l'UTF-8
L'UTF-8 est aujourd'hui compris par tous les navigateurs courrants. Il permet d'encoder un nombre quasi illimité de caractères (plus de 4 milliards !).
En utilisant l'UTF-8 dans nos pages, on s'affranchit de la conversion des caractères spéciaux en code HTML. Un "e" avec accent aigu pourra donc être écrit directement "é" et non "é" dans notre code source.
Pour écrire nos pages en UTF-8, il faut d'abord préciser lors de leur enregistrement l'encodage souhaité. Généralement, en choisissant "enregistrer sous" dans votre éditeur de texte, vous pouvez sélectionner l'encodage. Choisissez alors "UTF-8" !
Sur Adobe Dreamweaver, appuyez simultanément sur les touches «Ctrl» et «J» («Pomme» et «J» sur Mac) pour afficher les propriétés de la page. Choisissez ensuite "Titre et encodage", puis choisissez "Unicode 4.0 UTF-8" en face de "Encodage".
Il vous faudra ensuite, si ce n'est pas déjà le cas, préciser dans l'entête de votre page l'encodage choisi grâce à une balise Meta :
Ajouter le code suivant entre les balises et :
• Le poids de votre newsletter ne doit pas excéder 200ko.
• La largeur de votre newsletter doit se situer entre 600 et 650 pixels (pas plus).
Liste des attributs qui fonctionnent avec toutes les messageries : Outlook 2003 à 2010, Iphone et Ipad Apple, Hotmail, Windows mail, Yahoo, Gmail, Androïd...
• font (Text & Fonts)
• font-family (Text & Fonts)
• font-style (Text & Fonts)
• font-variant (Text & Fonts)
• font-size (minimum 13px) (Text & Fonts)
• font-weight (Text & Fonts)
• letter-spacing (Text & Fonts)
• line-height (Text & Fonts)
• text-align (Text & Fonts)
• text-decoration (Text & Fonts)
• text-indent (Text & Fonts)
• text-transform (Text & Fonts)
• color (Color & Background)
• background (Color & Background)
• background-color (Color & Background)
• HSL Colors CSS3 (Color & Background)
• border (conteneur)
• height (conteneur)
• margin (sauf autour des images) (conteneur)
• padding (uniquement pour les cellules de tableau) (conteneur)
• width (uniquement pour les tableaux et cellules de tableau) (conteneur)
• border-collapse (tableau)
• table-layout (tableau)
Destinataires : clients, prospects, partenaires (pensez au lien "s'inscrire à la Newsletter" sur votre site web.
Obligations légales :
• Assurez-vous que votre lettre ne sera pas interprétez comme un SPAM (illégal en France).
• Pour cela, respectez les préconisations ci-dessus.
• N'effectuez pas d'envoi trop fréquents.
• Permettez à l'internaute de se désabonner par un lien situé en haut ou bien au bas de votre lettre.
• Renseignez-vous auprès de la CNIL sur les règles à appliquer selon le public que vous visez (particuliers ou professionnels).
http://www.cnil.fr/dossiers/conso-pub-spam/fiches-pratiques/article/la-prospection-commerciale-par-courrier-electronique
• Votre nom en tant qu'expéditeur du mail doit être parfaitement identifiable.
• Indiquez votre numéro d'autorisation CNIL le cas échéant.
Comment procéder pour envoyer un fichier HTML conçu en dehors de Outlook, avec Outlook 2010 ? Cliquez sur "nouveau message électronique" - Activez l'onglet "insertion" - Cliquez sur "joindre un fichier"
recherchez le fichier et dans la boite de dialogue "insérer un fichier", développez la liste déroulante "insérer" en bas à droite.
sélectionnez "insérer comme texte" + OK.
Exemples des mentions obligatoires d'une newsletter :
lien en haut pour permettre à l'internaute de visualiser la lettre en ligne :
Si vous ne visualisez pas correctement cet email, suivez ce lien
Pour éviter que la lettre ne soit considérée comme spam :
Pour être sûre de recevoir la newsletter "nom", n'oubliez pas d'ajouter
l'adresse news@nom.com à votre carnet d'adresses.
Mentions de bas de lettre :
Conformément à la loi informatique xxx (à compléter selon le pays), vous disposez d'un droit d'accès, de rectification et d'opposition aux données personnelles vous concernant. Pour cela il vous suffit d’en faire la demande en ligne dans la section confidentialité du site
www.nom.com
Nom.com respecte et garantit votre confidentialité. Nom.com est une marque du Groupe MonGroupe immatriculé RCS de Ville NNNNNNNNN
Pour ne plus recevoir d'informations de Nom.com envoyez un mail à l'adresse suivante : désabonnement@nom.com.
|
